import '@ant-design/compatible/assets/index.css';
import styles  from './index.less';
import React, { useState } from 'react';
import ApplicationList from './components/ApplicationList';
import PassengerList from './components/PassengerList';

const TableList = (props) => {
  const [animation, handleAnimation] = useState(false);
  // 根据申领单号查询申领人信息
  const [receiveList, handleReceiveData] = useState([]);
  // paytype设置
  const [paytypeVlaue, setPaytypeVlaue] = useState('');
  // 右边弹框的loading
  const [rightModelLoading, setRightModelLoading] = useState(true);

  return (
    <>
      <div className={`${styles.layout} ${animation?styles.animation:''}`}>
        <ApplicationList {...{ handleAnimation, handleReceiveData,setPaytypeVlaue,setRightModelLoading, ...props}} />
        <PassengerList {...{receiveList, handleAnimation, paytypeVlaue, rightModelLoading}} />
      </div>
    </>
  );
};

export default TableList;
